<html>
<head>
<title>Cognitae CSS Framework</title>
<link href="css/inuit.css" rel="stylesheet" type="text/css" />
<link href="css/cognitae-framework.css" rel="stylesheet" type="text/css" />
<link href="css/cognitae-framework-grid-fluid.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
</head>

<body>
<div class="wrapper">
  <div class="grids header">
    <div class="grid-12 ">
      <h1>Cognitae CSS Framework</h1>
    </div>
    </div>
    <div class="grids">
    <div class="grid-4">
    	<h2>Features</h2>
        <p>Core features of this framework:</p>
        <ul>
        <li>scaling images</li>
        <li>responsive design - adjusts itself to fit any screen resolution</li>
        <li>mobile friendly</li>
        <li>progressive enhancement - works in older browsers and use features of newer ones</li>
        </ul>
    </div>
    <div class="grid-4">
    	<h2>Images</h2>
        <img src="img/lights.jpg" alt="Lights" />
        <p class="imgtxt">Change the width of the browser to see what happens to the images</p>
        <img src="img/kitty-2.jpg" alt="Kitty 2" />
        <p class="imgtxt">Well, everyone else seem to publish cat stuff on the web.</p>
        <img src="img/kitty-1.jpg" alt="Kitty" />
        <p class="imgtxt">Here's another one.</p>
    </div>
    <div class="grid-4">
    	<h2>Sections</h2>
        <div class="panel">
        <h3>Links</h3>
        <ul class="none">
        	<li><a href="http://inuitcss.com/">Inuit.css</a> is the source for the 12 column grid system.</li>
            <li><a href="http://webbfunktion.com">Webbfunktion.com</a> to see the authors website.
        </ul>
        </div>
    </div>
  </div>
  <div class="grids footer">
    <div class="grid-12 ">
      <h2>Footer</h2>
    </div>
    </div>
</div>
</body>
</html>